.panel-item{
    width: 100%;
    height: 100px;
    border:1px solid #2db7f5;
    border-radius: 5px;
}
.panel-item-2{
    border-color: #19be6b;
}
.panel-item-3{
    border-color: #ff9900;
}
.panel-item-4{
    border-color: #ed4014;
}
.panel-item-2 .panel-item-head{
    background: #19be6b;
}
.panel-item-3 .panel-item-head{
    background: #ff9900;
}
.panel-item-4 .panel-item-head{
    background: #ed4014;
}
.panel-item-head{
    height: 40px;
    line-height: 40px;
    padding:0 10px;
    background: #2db7f5;
    color: #fff;
}
.panel-item-head i{
    font-size: 20px;
    margin-right: 10px;
}
.panel-item-info{
    height: 60px;
    line-height: 60px;
    padding:0 10px;
    font-size: 20px;
}
.index-to-do{
    width: 100%;
    margin-top: 20px;
    cursor: pointer;
    color: #2db7f5;
    /* height: 120px; */
    /* background: #19be6b; */
    /* margin-top: 20px; */
}
.index-to-do-2{
    color: #19be6b;
}
.index-to-do-3{
    color: #ff9900;
}
.index-to-do-4{
    color: #ed4014;
}
.index-to-do:hover{
    color: #8a70c6;
}
.index-to-do > i {
    margin-right: 10px;
}